<template>
  <div>
    <h2>计算属性</h2>
    <input type="text" v-model.lazy="xing">
    <span>+</span>
    <input type="text" v-model.lazy="ming">
   <span>=</span>
   <input type="text" v-model.lazy="fullName">

  </div>
</template>

<script>
export default {
  data(){
    return{
      xing:'张',
      ming:'三'
    }
  },
  //计算属性，要写到data 平级的 computed 里
  computed:{
    fullName:{
      //当使用计算属性的时候，get就执行了
      get () {
      return this.xing + this.ming
      },
      set(val){
        let arr = val.split(' ')
        this.xing = arr[0]
        this.ming = arr[1]
      }
    
    }
  }
 
}
</script>

<style>

</style>